@CHARSET "UTF-8";
.dialog {
    display: none;
    font-size: 12px;
	height: 145px;
    width: 358px;
	margin:0 auto;
}


.dialog .panel {
    background-color: #FFFFFF;
    border: 1px solid #C9C9C9;
    border-radius: 0;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.28);
    height: 145px;
    width: 358px;
}

.dialog .title{
    background-color: #FFFFFF;
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.05), rgba(255, 255, 255, 0.05));
    border-bottom: 1px solid #e9e9e9; 
    color: #272727;
    height: 31px;
    line-height: 31px;
    padding:0 10px 0 17px; 
}

.dialog .content {
    color: #77777D;
    margin: 18px 44px 32px 44px;
	text-align:center;
	font-size: 13px;
}

.dialog .content p{
   height:28px;
   line-height:28px;
   margin:0;
   margin-left:43px;
   text-align:left;
}

.dialog .warn_icon{
	background:url("/static/img/warn_icon.png") no-repeat;
	width:28px;
	height:28px;
	float:left;
}

.dialog .submit {
    height: 27px;
    margin: 18px auto 0;
    width: 92px;
}

.dialog .btn-dialog{
	background-color: #F3F3F3;
    border: 1px solid #DFDFDF;
    border-radius: 3px;
    box-shadow: 0 0 1px rgba(255, 255, 255, 0.75), 1px 2px 2px rgba(255, 255, 255, 0.75) inset;
    height: 27px;
    line-height: 27px;
    padding: 0;
    width: 92px;
	outline:none;
}
.dialog .btn-dialog:focus,.dialog .btn-dialog:hover{
	background-color: #d6e0f2;
}

.dialog .btn-allow {
    background-color: #81abf8;
    border: 1px solid #709ff6;
    border-radius: 3px;
    color: #fcf9f9;
    height: 27px;
    line-height: 25px;
    padding: 0;
    width: 92px;
}

.dialog .btn-allow:focus, .dialog .btn-allow:hover {
    background-color: #5788e1;
}

.btn-default {
    background-color: #FFFFFF;
    border-color: #CCCCCC;
    color: #333333;
}

.dialog .close{
   	color: #979898;
    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 31px;
    opacity: 1;
	filter: alpha(opacity=100);
    text-shadow: 0 1px 0 #FFFFFF;
}
